<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<title>加载页面</title>
		<style>
			html body {
				margin: 0;
				padding: 0;
			}

			.bg01 {
				background-image: url(img/welcome1.jpg);
				background-repeat: no-repeat;
				background-position: center top;
				background-size: cover;

			}

			#load {
				position: absolute;
				top: 50%;
				margin-top: -99px;

				width: 100%;
				height: auto;

				text-align: center;
				color: #FFFFFF;
				font-size: 1em;
				text-shadow: 1px 1px 1px #333;
			}

			div img {
				width: 30%;
			}
		</style>


		<script>
			setInterval(skip, 3000);

			// window.onload=setTimeout(function(){
			// 	window.location.href="index.html";

			// },3000);



			function skip() {
				let secd = 4;
				$("skip").innerText = (secd--) + "s后跳转";
				location.href="index.html"

			}
		</script>
		<script>$.mobile.ajaxEnabled = false;</script>
	</head>
	<body>
		<div data-role="page" id="page1" class="bg01">
			<div data-role="main" class="ui-content" id="load">
				<img src="img/load.gif" alt="logo">
				<br><span id="skip">努力加载中...</span>
			</div>
		</div>
	</body>
</html>
